/**
 * Created by Administrator on 2015/5/25.
 */
window.onload=function ()
{
//    选项卡1
    var aLi = document.getElementById("z-tab").getElementsByTagName("li");
    var aDiv = document.getElementById("z-con").getElementsByTagName("div");
    var n=0;
    for(var i=0;i<aLi.length;i++){
        aLi[i].index = i;
        aLi[i].onmouseover = function ()
        {
            for( n = 0; n < aLi.length; n++) aLi[n].className="";
            this.className = "sel";
            for( n = 0; n < aDiv.length; n++) aDiv[n].style.display = "none";
            aDiv[this.index].style.display = "block"
        }
    }
//    选项卡2
    var oLi = document.getElementById("brand-list-tag").getElementsByTagName("li");
    var oUl = document.getElementById("brand-list-con").getElementsByTagName("ul");
    var n=0;
    for(var i = 0; i < oLi.length; i++)
    {
        oLi[i].index = i;
        oLi[i].onmouseover = function ()
        {
            for( n = 0; n < oLi.length; n++) oLi[n].className="";
            this.className = "z-link-crt";
            for( n = 0; n < oUl.length; n++) oUl[n].style.display = "none";
            oUl[this.index].style.display = "block"
        }
    }
    
// 回到顶部
    $(window).scroll(function(){
        if ($(window).scrollTop()>100){
            $("#backToTop").fadeIn(1500);
        }
        else
        {
            $("#backToTop").fadeOut(1500);
        }
    });

    $('#backToTop').hover(function(){
        $('#backToTop span').css('display','none');
    },function(){
        $('#backToTop span').css('display','block');
    });

    $("#backToTop").click(function(){
        $('body,html').animate({scrollTop:0},1000);
        return false;
    });

};
//图片滚动 

// 例子1
// $(function(){
//    $(".ImgLoad img").hide();
//    $(".ImgLoad img").eq(0).show();
//    var n=0;
//    function showImg(){
//        if(n<$(".ImgLoad img").length-1){
//            n++;
//        }else{
//            n=0;
//        }
//        $(".ImgLoad img").hide();
//        $(".ImgLoad img").eq(n).show();
//        $(".m-mad-con li").removeClass("cur");
//        $(".m-mad-con li").eq(n).addClass("cur");
//    }
//    $(".m-mad-con li").click(function(){
//        $(".m-mad-con li").removeClass("cur");
//        $(this).addClass("cur");
//        n=$(".m-mad-con li").index(this);
//        $(".ImgLoad img").hide();
//        $(".ImgLoad img").eq(n).show();
//    });
//    setInterval(showImg,3000);
// });

// 例子2
$(function(){
        var iNow=0;
        var allImg=$('.ImgLoad li').length;
        $('.m-mad-con li').click(function(){
            var index=$(this).index();
            iNow=index;
            $(this).addClass('cur').siblings().removeClass('cur');
            $('.ImgLoad').animate({'marginTop':-240*index},500);
        });
        setInterval(function(){
            if(iNow>=allImg-1){iNow=0;}else{iNow++;}
            $('.m-mad-con li').eq(iNow).addClass('cur').siblings().removeClass('cur');
            $('.ImgLoad').animate({'marginTop':-240*iNow},500);
          
        },2000)
    });

// 例子3
// function AutoScroll(obj){
//     $(obj).find("ul:first").animate({
//         marginTop:"-240px"
//     },500,function(){
//         $(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
//     });
// }

// $(document).ready(function(){
//     setInterval('AutoScroll("#feng1")',2000)
// });

// 例子4
 // <!-- <script>
//         window.onload=function () {
//             var speed=20
//             var feng=document.getElementById("feng");
//             var feng2=document.getElementById("feng2");
//             var feng1=document.getElementById("feng1");
//             // feng2.innerHTML=feng1.innerHTML;
//             // alert(feng.scrollTop);
//             function Marquee(){
//                 if(feng.scrollTop>=2*feng2.offsetTop)
//                     feng.scrollTop=0;
//                 else{
//                     feng.scrollTop++;
//                 }
//             }
//             var MyMar=setInterval(Marquee,speed);
//             feng.onmouseover=function() {clearInterval(MyMar)};
//             feng.onmouseout=function() {MyMar=setInterval(Marquee,speed)};
//         };
// </script> -->
    
    